import { Component } from '@angular/core';
@Component({
    selector: 'guide-app',
    template: `
    <nav>
        <a routerLink="hero-form" routerLinkActive="active">模版form</a>
        <a routerLink="dynamic-form" routerLinkActive="active">动态form</a>
        <a routerLink="attribute-directives" routerLinkActive="active">Attribute Directives</a>
        <a routerLink="hierachical-DI" routerLinkActive="active">有层级的DI</a>
        <a routerLink="http" routerLinkActive="active">HTTP</a>
        <a routerLink="lifecycle" routerLinkActive="active">component生命周期</a>
        <a routerLink="pipes" routerLinkActive="active">Pipes</a>
        <a routerLink="rxjs-demo" routerLinkActive="active">Rxjs Demo</a>
        <a routerLink="router" routerLinkActive="active">router</a>
        <a routerLink="sample-reddit" routerLinkActive="active">Sample Reddit</a>
        <a routerLink="admin" routerLinkActive="active">Admin</a>
        <a routerLink="login" routerLinkActive="active">Login</a>
    </nav>
    <div class="container" style="margin-top:40px;">
        <router-outlet></router-outlet>
    </div>
    `
})
export class AppComponent { }
